
/* 页面刷新 Loading 总容器 */
.page_loading_container {
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    height         : 100%;
    min-height     : 420px;
}
 
.configure_border_1 {
    width          : 50px;
    height         : 50px;
    padding        : 3px;
    position       : absolute;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #ffab91;
    animation      : configure-clockwise 3s ease-in-out 0s infinite alternate;
}
 
.configure_border_2 {
    width          : 50px;
    height         : 50px;
    padding        : 3px;
    left           : -50px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : rgb(63, 249, 220);
    transform      : rotate(45deg);
    animation      : configure-xclockwise 3s ease-in-out 0s infinite alternate;
}
 
.configure_core {
    width           : 100%;
    height          : 100%;
    background-color: #37474f;
}
 
/* 动画 */
@keyframes spin {
    from {
        transform: rotate(0);
    }
 
    to {
        transform: rotate(359deg);
    }
}
 
@keyframes configure-clockwise {
    0% {
        transform: rotate(0);
    }
 
    25% {
        transform: rotate(90deg);
    }
 
    50% {
        transform: rotate(180deg);
    }
 
    75% {
        transform: rotate(270deg);
    }
 
    100% {
        transform: rotate(359deg);
    }
}
 
@keyframes configure-xclockwise {
    0% {
        transform: rotate(45deg);
    }
 
    25% {
        transform: rotate(-45deg);
    }
 
    50% {
        transform: rotate(-135deg);
    }
 
    75% {
        transform: rotate(-215deg);
    }
 
    100% {
        transform: rotate(-305deg);
    }
}
 
@keyframes pulse {
    from {
        opacity  : 1;
        transform: scale(1);
    }
 
    to {
        opacity  : .25;
        transform: scale(.75);
    }
}